<template>
  <section class="full-screen ">
    <el-tabs v-model="tabsIndex" type="border-card">
      <el-tab-pane name="0" label="医生工作台">
        <doctorJob v-if="tabsIndex == 0"></doctorJob>
      </el-tab-pane>
      <el-tab-pane name="1" label="护士工作台">
        <nurse v-if="tabsIndex == 1"></nurse>
      </el-tab-pane>
      <el-tab-pane name="2" label="前台工作台">
        <frontDesk v-if="tabsIndex == 2"></frontDesk>
      </el-tab-pane>
      <el-tab-pane v-if="qxBtns.jiaohao" name="3" label="预约叫号">
        <queue v-if="tabsIndex == 3"></queue>
      </el-tab-pane>
    </el-tabs>
  </section>
</template>
<script>
export default {
  name: "index",
  components: {
    frontDesk: () => import("./index/frontDesk.vue"),
    doctorJob: () => import("./index/doctorJob.vue"),
    nurse: () => import("./index/nurse.vue"),
    queue: () => import("./index/queue.vue"),
  },
  data() {
    return {
      tabsIndex: "0",
      qxBtns: {},
    };
  },
  created() {
    let th = this;
    th.getQX();
  },
  mounted() {
    const th = this;
    th.addPageCache("index");
  },
};
</script>
<style lang="scss">
.index-job {
  .item-nr {
    overflow: hidden;
  }
  .nav-box {
    width: 100%;
    border-top: 1px solid #eee;
    &:first-child {
      border-top-color: transparent;
    }
    .title {
      align-items: center;
      height: 50px;
    }
    .cur {
      background-color: rgba(255, 218, 49, 0.15);
    }
  }
}
</style>
